<template>
  <div class="xigen1">
          <img class="swi-img" :src="arr"/>
        <div class="lijian2">
          <h1>第二件减40元</h1>

          <p>完美日记&nbsp;|&nbsp;名片&nbsp;|&nbsp;唇纱<p/>
 
          <div class="jia">到手价 ￥<span>549</span>起</div>
        </div>
      </div>
</template>
<script>
import getlink from "@/apis/getapi.js";
export default {
  data() {
    return {
      arr: "",
    };
  },
   mounted() {
    getlink("/data/list/lists").then((ok) => {
      console.log(ok.data.data);
      this.arr =ok.data.swiper[1];
    });
  },
components:{



}

}
</script>

<style scoped>
.xigen1 img {
  height: 4rem;
  width: 100%;
}
.lijian2 {
  padding-top: 0.2rem;
  height: 1.1rem;
  text-align: center;
  background-color: antiquewhite;
    margin-bottom: 20px;
}
.lijian2 p{
 width: 1.8rem;
   margin: 5px auto;
}
.jia {
  width: 1.6rem;
  height: 0.3rem;
  line-height: 0.3rem;
  background-color: rgb(185, 42, 42);
  margin: 0 auto;
  color: white;
}
.jia span {
  font-size: 20px;
  font-weight: 600;
}
</style>